/* -------------------------------------------------------------- 
   
   Stencil typography.css
   * Sets up default typography.
  
-------------------------------------------------------------- */

body { font-size: 12px; line-height: 1.7em; }


/* Default fonts and colors. */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: Helvetica, Arial, sans-serif; }


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: bold; }

h1 { font-size: 30px; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 24px; margin-bottom: 0.75em; }
h3 { font-size: 20px; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 14px; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 12px; margin-bottom: 1.5em; }
h6 { font-size: 11px; }


/* Text elements
-------------------------------------------------------------- */

p { margin: 0 0 1.7em; }

ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { }
ol { list-style-type: decimal; }
li { margin-bottom: .75em; }
	li ul, li ol { margin-top: .5em; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }

abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }

a { color: #358; text-decoration: underline; }
a:hover { color: #933; text-decoration: underline; }
a:visited { color: #667; }

strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }


/* Blockquotes
-------------------------------------------------------------- */
blockquote 
{
	background:url(./images/quote.png) no-repeat scroll 12px 12px;
	
	font-family:Georgia,'Times New Roman',Times,Serif;
	font-size:14px;
	font-style:italic;
	font-weight:normal;
	color: #666;
	line-height:1.5em;
	margin:10px 20px 10px 10px;
	padding:15px 30px 15px 52px;
}

blockquote { quotes:"" ""; }


/* Tables
-------------------------------------------------------------- */

table { width: 100%; border: 0; border: 1px solid #ccc; }

	 table thead th
	 {
	 	font-size: 13px;
		font-weight: bold;
		text-align: left;
		padding: 10px;
		
		background: #E9E9E9;
	
		background: -moz-linear-gradient(top,  #FFFFFF 0%, #EEE 3%, #DDD 100%);
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #FFF), color-stop(0.02, #EEE), color-stop(1, #DDD));	
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#DDDDDD');
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}		
	
	table tbody tr td { background: #FFF; border-bottom: 1px dotted #DDD; }

	table th { padding: 10px 0; }
	table tbody td { padding: 10px; }
	
	table tr.even td { background: #F9F9F9; }



/* Some default classes
-------------------------------------------------------------- */

.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet { color: #999; }

.hide { display: none; }
.highlight { background: #ffc; }

.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }